<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JQ Ajax</title>
</head>
<body>
    <script src="https://lib.baomitu.com/jquery/3.6.0/jquery.js"></script>

    <script>
        $.ajax({
            url:'http://localhost:3000/data',
            method:'get',
            success:function(res){
                console.log('Jqery',res);
                // 在里面可以继续调用接口
            }
        })

        // 使用Promise封装一下ajax
        function queryData(url){
            const promise = new Promise((resolve,reject)=>{
                const xhr = new XMLHttpRequest();
                // 状态改变的时候触发
                xhr.onreadystatechange = function (){
                    // 如果状态为完成并且状态码为成功。
                    if(xhr.readyState === 4){
                        if(xhr.status === 200) {
                            resolve(xhr.responseText);
                        }else{
                            reject('服务器错误')
                        }
                    }
                }
                // 设置请求方式
                xhr.open('get',url);
                // 发送请求
                xhr.send();
            })
            return promise;
        }

        queryData('http://localhost:3000/data').then(data=>{
            console.log(data);
            return queryData('http://localhost:3000/data2');
        }).then((data)=>{
            console.log(data);
        })
    </script>
</body>
</html>